.f-cl{clear:both;}
.navbar-brand{padding:10px 30px 10px 10px;}
.navbar-brand img{height:100%;display:inline-block;margin-right:12px;}
.page-tool-bar{background:#fff;position:fixed;top:57px;right:0;text-align:right;border-bottom:1px solid #DEE4E6;box-shadow: 0 3px 7px rgba(0,0,0,0.1);z-index:999;}
.page-tool-box{margin-bottom:0;padding:0;}
.page-tool-box li{display:inline-block;padding:5px 20px 5px 10px;border-left:1px solid #DEE4E6;float:left;line-height:24px;}
.btn-page-tool{font-size:16px;padding:1px 7px;margin-left:10px;vertical-align:baseline;}
.newcontbox{font-size:16px;display:inline-block;cursor:move;margin-left:10px;margin-top:2px;}
li.toggle-page-tool{cursor:pointer;background:#D6DEE0;height:38px;padding:0 5px;line-height:38px;}
li.toggle-page-tool:hover{background:#333;color:#fff;}
.page{padding:0 10px;}
.panel-heading{position:relative;}
.panel-tool{position:absolute;right:10px;top:0;font-size:14px;}
.panel-tool>.panel-tool-btn,.panel-tool>.dropdown{padding:5px 5px;display:inline-block;}
.panel-tool-btn{cursor:pointer;}
.panel-chg-top,.panel-chg-right,.panel-chg-bottom,.panel-chg-left{position:absolute;display:none;}
.panel-chg-top-bar,.panel-chg-right-bar,.panel-chg-bottom-bar,.panel-chg-left-bar{background:#333;}
.panel-chg-top{width:100%;top:-10px;left:0;}
.panel-chg-top-bar{height:4px;margin:0 8px;border-radius:2px;cursor:ns-resize;}
.panel-chg-bottom{width:100%;bottom:6px;left:0;}
.panel-chg-bottom-bar{height:4px;margin:0 8px;border-radius:2px;cursor:ns-resize;}
.panel-chg-right{top:-10px; right:-2px;}
.panel-chg-right-bar{width:4px;height:67px;margin:9px 0;border-radius:2px;cursor:ew-resize;}
.panel-chg-left{top:-10px; left:-2px;}
.panel-chg-left-bar{width:4px;height:67px;margin:9px 0;border-radius:2px;cursor:ew-resize;}
.cur-move{cursor:move;}
.panel{margin-bottom:18px;}
input[type="checkbox"]{margin:2px 0 0 0;}
input[type="radio"]{margin:1px 0 0 0;}
.blockquote,blockquote{padding: 10px 15px;margin: 0 0 22px;font-size: 14px;border-left: 3px solid #e4eaec;}
.blockquote-success{background-color: rgba(70,190,138,.1);border-color: #46be8a;}
.blockquote-info{background-color: rgba(87,199,212,.1);border-color: #57c7d4;}
.blockquote-warning{background-color: rgba(242,166,84,.1);border-color: #f2a654;}
.blockquote-danger{background-color: rgba(249,104,104,.1);border-color: #f96868;}
.a,a[disabled]{cursor: not-allowed;}

.margin-top-5{margin-top:5px;}
.margin-top-10{margin-top:10px;}
.margin-top-15{margin-top:15px;}
.margin-top-20{margin-top:20px;}
.margin-right-5{margin-right:5px;}
.margin-right-10{margin-right:10px;}
.margin-right-15{margin-right:15px;}
.margin-right-20{margin-right:20px;}
.margin-bottom-5{margin-bottom:5px;}
.margin-bottom-10{margin-bottom:10px;}
.margin-bottom-15{margin-bottom:15px;}
.margin-bottom-20{margin-bottom:20px;}
.margin-left-5{margin-left:5px;}
.margin-left-10{margin-left:10px;}
.margin-left-15{margin-left:15px;}
.margin-left-20{margin-left:20px;}

.ass-box{margin-bottom:15px;}
.ass-box .input-group{margin-bottom:10px;}
.has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label,
.has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.checkbox label,
.has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline label{color: #46be8a;}
.has-success .form-control{border-color: #46be8a;}
.has-success .form-control:focus{border-color: #46be8a;box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #A5D4A6;}

.has-warning .checkbox, .has-warning .checkbox-inline, .has-warning .control-label, .has-warning .help-block,
.has-warning .radio, .has-warning .radio-inline, .has-warning.checkbox label, .has-warning.checkbox-inline label,
.has-warning.radio label, .has-warning.radio-inline label{color: #f2a654;}
.has-warning .form-control{border-color: #f2a654;}
.has-warning .form-control:focus{border-color: #f2a654;box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #FBC78E;}

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio,
.has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label,
.has-error.radio-inline label{color:#f96868;}
.has-error .form-control{border-color: #f96868;}
.has-error .form-control:focus{border-color: #f96868;box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #f96868;}

.form-control-feedback{position: absolute;color:#333;}
.has-error .form-control-feedback,.has-warning .form-control-feedback,.has-success .form-control-feedback{color:#333;}
.ass-box .modal{position: relative;top: auto;right: auto;bottom: auto;left: auto;z-index: 1;display: block;}
.ass-box .modal-dialog{width:90%;}
.modal-header,.modal-footer{padding:8px 10px;}
.modal-header .close{margin-top:2px;}
.inner-box{margin-bottom:15px;position:relative;border-radius:3px;}
.inner-box-bg{background:#f3f3f3;box-shadow:inset 1px 1px 20px #EAEAEA;}
.nodata{position:absolute;text-align:center;font-size:14px;color:#ccc;top:50%;margin-top:-10px;width:100%;margin-bottom:0;z-index:0;}
.loading-box{position:absolute;background:rgba(0,0,0,0.1);width:100%;height:100%;text-align:center;top:0;left:0;z-index:1;}
.loading-rel{position:relative;}
.loading-img{width:22px;height:22px;position:absolute;top:50%;margin-top:-11px;left:50%;margin-left:-11px;}
.loading-img img{width:22px;height:22px;}
.f-rel{position:relative;}
.inner-tool{position:absolute;right:0;top:0;width:100%;text-align:center;height:28px;top:50%;margin-top:-14px;z-index:1;visibility:hidden;}
.btn-icon{width:28px;height:28px;text-align:center;font-size:14px;line-height:1em;padding:0;}
.btn-round{border-radius:1000px;}
.inner-box:hover .inner-tool{visibility:visible;}

.page-search{background:#fff;margin-top:-18px;box-shadow:0 2px 5px #EBEFF1;margin-bottom:18px;}
.page-search-cont{padding:15px;}
.badge-success{color: #fff;background-color: #46be8a;}
.badge-primary{color: #fff;background-color: #62a8ea;}
.badge{background-color: #e4eaec;color:#76838f;}
.badge-info{color: #fff;background-color: #57c7d4;}
.badge-warning{color: #fff;background-color: #f2a654;}
.badge-danger{color: #fff;background-color: #f96868;}
.badge-dark{color: #fff;background-color: #526069;}
.input-group-addon{background-color: #E4EAEC;}

.switchery {position: relative;display: inline-block;width: 45px;height: 24px;box-sizing: content-box;vertical-align:middle;cursor: pointer;user-select: none;background-color: #fff;background-clip: content-box;border: 1px solid #e4eaec;border-radius: 20px;}
.switchery > small {position: absolute;top: 0;width: 24px;height: 24px;background: #fff;border-radius: 100%;box-shadow: 0 1px 3px rgba(0, 0, 0, .4);}
.switchery-small {width: 33px;height: 20px;border-radius: 20px;}
.switchery-small > small {width: 20px;height: 20px;}
.switchery-large {width: 66px;height: 36px;border-radius: 36px;}
.switchery-large > small {width: 36px;height: 36px;}
.switchery-label{margin-right:10px;padding-left:10px;}

.text-danger{color: #FD6262;}
.text-success{color: #3c763d;}
.text-primary{color: #337ab7;}
.text-muted{color: #777;}
.text-info{color: #31708f;}
.text-warning{color: #F2A654;}
.inner-box-body{padding:10px;min-height:80px;background:#fafafa;border-radius:3px;}
.inner-box-footer{padding:10px;border-left:3px solid #ddd;margin-top:10px;position:relative;}
.inner-box-footer p{margin-bottom:0;}
.inner-box-footer:after{clear:both;content:" ";display:table;}
.inner-primary,.inner-primary .inner-box-body{background-color: #62a8ea;color:#fff;}
.inner-danger,.inner-danger .inner-box-body{background-color: #fd6262;color:#fff;}
.inner-warning,.inner-warning .inner-box-body{background-color: #f2a654;color:#fff;}
.inner-success,.inner-success .inner-box-body{background-color: #46be8a;color:#fff;}
.inner-primary .inner-box-footer,.inner-danger .inner-box-footer,.inner-warning .inner-box-footer,.inner-success .inner-box-footer{border-color:transparent;}

.form-inline .form-group{margin-right:15px;}
.nav-tabs-wrap .tab-content{background:#fff;padding:15px;}
.nav-tabs{border-bottom: 1px solid #dee4e6;}
.nav-tabs.tabs-chg>li.active>a, .nav-tabs.tabs-chg>li.active>a:hover, .nav-tabs.tabs-chg>li.active>a:focus{background-color: #fff;border: 1px solid #dee4e6;border-bottom-color: transparent;}
.nav-tabs.tabs-chg>li>a:hover{border-color:transparent;background-color:transparent;}
.nav-tabs.tabs-chg>li>a{font-size:14px;}

.mangnet{position:relative;border-radius:3px;background:#53a3e0;color:#fff;}
.mangnet-top{font-size:14px;padding:12px 15px 5px 15px;}
.mangnet-middle{font-size:28px;padding:0px 15px;height:50px;margin-bottom:10px;}
.mangnet-middle i{margin-right:10px;}
.mangnet-bottom{padding:3px 15px;background:#4594d9;border-radius:0 0 3px 3px;}
.mangnet-default{background:#53a3e0;}
.mangnet-default .mangnet-bottom{background:#399DCC;}
.mangnet-warning{background:#ffb052;}
.mangnet-warning .mangnet-bottom{background:#ffa244;}
.mangnet-danger{background:#f65e5e;}
.mangnet-danger .mangnet-bottom{background:#f44f4f;}
.mangnet-success{background:#30c380;}
.mangnet-success .mangnet-bottom{background:#26b770;}

.modal-l{position:relative;float:left;width:200px;margin-right:-200px;}
.modal-r{float:left;width:100%;}
.modal-r-c{margin-left:220px;}
.btn-outline.btn-primary{background-color:#fff;border-color:#3f92df;color:#3f92df;cursor:pointer;}
.btn-outline.btn-warning{background-color:#fff;border-color:#f2a654;color:#f2a654;cursor:pointer;}
.axis-panel{position:relative;}
.axis-panel .close{position:absolute;top:0;right:0;width:24px;height:24px;text-align:center;background:#3F92DF;opacity:1;color:#fff;text-shadow:none;border-radius:0 0 0 10px;}
.axis-cont{height:338px;overflow-y:auto;background-color: #F1F4F5;padding:10px;}

.table-fixed thead tr{position:fixed;width:1866px;}
.table-fixed thead tr th{position:relative;display:inline-block;}
.pagination{margin:5px 0;}
.table-foot-totail{line-height:28px;}
.table-foot-page{text-align:right;}
.table-tool-r{text-align:right;}
.btn-group .form-control{float:left;display: inline-block;width: auto;}
.table-toolbar{margin-bottom:8px;margin-top:-5px;}
.table>thead>tr>td.danger, .table>tbody>tr>td.danger, .table>tfoot>tr>td.danger,
.table>thead>tr>th.danger, .table>tbody>tr>th.danger, .table>tfoot>tr>th.danger,
.table>thead>tr.danger>td, .table>tbody>tr.danger>td, .table>tfoot>tr.danger>td,
.table>thead>tr.danger>th, .table>tbody>tr.danger>th, .table>tfoot>tr.danger>th,
.table>thead>tr>td.success, .table>tbody>tr>td.success, .table>tfoot>tr>td.success,
.table>thead>tr>th.success, .table>tbody>tr>th.success, .table>tfoot>tr>th.success,
.table>thead>tr.success>td, .table>tbody>tr.success>td, .table>tfoot>tr.success>td,
.table>thead>tr.success>th, .table>tbody>tr.success>th, .table>tfoot>tr.success>th,
.table>thead>tr>td.warning, .table>tbody>tr>td.warning, .table>tfoot>tr>td.warning,
.table>thead>tr>th.warning, .table>tbody>tr>th.warning, .table>tfoot>tr>th.warning,
.table>thead>tr.warning>td, .table>tbody>tr.warning>td, .table>tfoot>tr.warning>td,
.table>thead>tr.warning>th, .table>tbody>tr.warning>th, .table>tfoot>tr.warning>th,
.table>thead>tr>td.info, .table>tbody>tr>td.info, .table>tfoot>tr>td.info,
.table>thead>tr>th.info, .table>tbody>tr>th.info, .table>tfoot>tr>th.info,
.table>thead>tr.info>td, .table>tbody>tr.info>td, .table>tfoot>tr.info>td,
.table>thead>tr.info>th, .table>tbody>tr.info>th, .table>tfoot>tr.info>th{color:#fff;}
.table>thead>tr>th{background:#F1F4F5;}
.table-head .table{margin-bottom:0;}
.table>thead>tr>th,.table>thead>tr>td{border-color:#D6DEE0;}
.table-head .table-bordered>thead>tr>th,.table-head .table-bordered>thead>tr>td{border-bottom-width:1px;}

.data-date-box{height:28px;text-align:center;line-height:28px;border-radius:3px;background:#333;color:#fff;font-size:18px;padding:0 15px;}
.data-date-box span{padding:0 5px;}
.mangnet-duble{font-size:0;margin:0;padding:0;}
.mangnet-duble li{display:inline-block;width:50%;text-align:center;font-size:12px;}
.mangnet-duble-kpi{font-size:26px;height:24px;}

.box{border-radius:5px;background:#fff;text-align:center;margin-bottom:10px;height:126px;overflow:hidden;}
.box-primary{background-color: #53a3e0;color:#fff;}
.box-warning{background-color: #ffb052;color:#fff;}
.box-danger{background-color: #f65e5e;color:#fff;}
.box-success{background-color: #30c380;color:#fff;}
.box-inner{padding:10px;}
.box-index{font-size:22px;height:38px;line-height:38px;overflow:hidden;}
.box-imgcont{font-size:32px;height:42px;line-height:40px;}
.box-name{margin-bottom:5px;height:18px;line-height:18px;}
.box-index-dubl{font-size:0;}
.box-index-dubl span{display:inline-block;width:50%;font-size:16px;text-align:center;height:36px;line-height:16px;overflow:hidden;}
.box-index-dubl span b{font-size:10px;font-weight:normal;}
.inner-title{margin:0 0 8px 0;}
.panel-head-checkbox{margin:0;float:right;}
.page-full-tool{padding:5px;}
.page-blank{text-align:center;}
.page-error{display:inline-block;padding:30px;}
.page-error h1{font-size:7em;}
.nofind{font-size:18px;text-transform: uppercase;}
.error-advise{color: #a9afb5;font-size:16px;text-transform: uppercase;}
.animation-slide-top{animation-name: slide-top;animation-duration: 0.5s;animation-timing-function: ease-out;animation-fill-mode: both;}
.page-error .btn{padding:7px 20px;}
.panel-body-nopadi{padding:0;overflow:auto;}

@media (max-width: 992px) and (min-width: 768px){
    .form-inline .form-group {
        margin-bottom: 10px;
        vertical-align: baseline;
    }
    .mangnet{margin-bottom:15px;}
}
@media screen and (max-width: 767px){
    .table-foot-totail{text-align:center;}
    .table-foot-page{text-align:center;}
}